<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:p="http://primefaces.org/ui">
<h:body>
	<ui:composition template="/template/common/commonLayout.xhtml">
    	<ui:define name="content"> 
    			<ui:include src="../template/common/wait.xhtml" />     		
    			<h:form>
    			<div id="filtroHerramientas">
    			 	<h:panelGrid columns="6"  id="panelFiltroUsuario" style="margin-left:10px; width: 800px; height: 100px; font-family: Arial, Verdana, sans-serif; font-size: 11px;">
    			 	  <h:outputText value="#{msg.usuCodigoIdentificativo}"/>
    			 	  <h:inputText value="#{usuariosBean.nombreFilter}"/>  
				      <h:outputText value="#{msg.usuCodigoCompa}"/>
    			 	  <h:inputText value="#{usuariosBean.companyCode}"/>   
    			 	  <h:outputText value="#{msg.usuNombre}"/>
    			 	  <h:inputText value="#{usuariosBean.nameEmployee}"/>  
				      <h:outputText value="#{msg.usuApellidos}"/>
    			 	  <h:inputText value="#{usuariosBean.lastName}"/>        
    			 	  <h:outputText value="#{msg.usuCodEmpleado}"/>
    			 	  <h:inputText value="#{usuariosBean.employeeCode}"/>
    			 	  <h:outputText value="#{msg.usuPerfilAcceso}"/>
    			 	  <h:inputText value="#{usuariosBean.accesoPerfiles}"/>
    			 	</h:panelGrid>
	    			<div id="botonera">	    			
				     	<a4j:commandButton id="limpiarUsuarios" 
				     	      action="#{usuariosBean.limpiarFiltro}"
				     	      render="panelFiltroUsuario tableUsuarios"	                          
	                          value="#{msg.botonLimpiar}">                
	            		</a4j:commandButton>
				     	<a4j:commandButton id="filtrarUsuarios"	
				     	      execute="panelFiltroUsuario"	
				     	      action="#{usuariosBean.filtrar()}"
				     	      render="tableUsuarios"
	                          value="#{msg.botonFiltrar}">                
	            		</a4j:commandButton>
	            		<a4j:commandButton id="crearUsuarios"
	            			render="formularioUsuarios"
	            			action="#{usuariosBean.nuevaUsuario}"			     	      			     		  
			     	        oncomplete="#{rich:component('popupUsuarios')}.show();"
                            value="#{msg.botonCrear}">                
            		    </a4j:commandButton>	            	
				     </div>				     
    			 </div>    			
    			 
    			<div id="listaUsuarios">    			    
			        <p:dataTable value="#{usuariosBean.listUsuarios}"
			                    var="usuario" id="tableUsuarios"
			                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                 				paginator="true" rows="5" style="text-align:center; height:200px; width:810px; font-size:10px;">			            
			            <f:facet name="header">
			                <h:outputText value="#{msg.usuTituloConsulta}"/>
			            </f:facet>			           	
			             <p:column >
			                <f:facet name="header">#{msg.usuCodigoIdentificativoLis}</f:facet>
			                <h:outputText value="#{usuario.name}"/>
			            </p:column>	            		            
			            <p:column>
			                <f:facet name="header">#{msg.usuCodigoCompaLis}</f:facet>
			                <h:outputText value="#{usuario.companyCode}"/>
			            </p:column>
			            <p:column sortBy="#{usuario.nameEmployee}">
			                <f:facet name="header">#{msg.usuNombreEmp}</f:facet>
			                <h:outputText value="#{usuario.nameEmployee}"/>
			            </p:column>
			            <p:column
			            	>
			                <f:facet name="header">#{msg.usuApellidosLis}</f:facet>
			                <h:outputText value="#{usuario.lastName}"/>
			            </p:column>
			            <p:column
			            	>
			                <f:facet name="header">#{msg.usuCodEmpleadoLis}</f:facet>
			                <h:outputText value="#{usuario.employeeCode}"/>
			            </p:column>
			            <p:column
			            	>
			                <f:facet name="header">#{msg.usuPerfilAcceso}</f:facet>
			                <h:outputText value="#{usuario.accesoPerfiles}"/>
			            </p:column>			            			            	
			            <p:column exportable="false">
			                <f:facet name="header">#{msg.columnEditar}</f:facet>
			                <a4j:commandLink oncomplete="#{rich:component('popupUsuarios')}.show();"
			                	action="#{usuariosBean.editarUsuario}" render="formularioUsuarios"> 			                	
			                	<a4j:param value="#{usuario.idUsuario}" assignTo="#{usuariosBean.idUsuario}"></a4j:param> 
 								<h:graphicImage value="../resources/img/edit.png" />								  
 							</a4j:commandLink> 
			            </p:column>
			            <p:column exportable="false">
			                <f:facet name="header">#{msg.columnEliminar}</f:facet>
			                <a4j:commandLink action="#{usuariosBean.eliminarUsuarioId}"				               		                        
			                	oncomplete="#{rich:component('popupUsuariosEliminar')}.show();">
			                	<a4j:param value="#{usuario.idUsuario}" assignTo="#{usuariosBean.idUsuario}"></a4j:param> 
 								<h:graphicImage value="../resources/img/eliminar.gif" />								  
 							</a4j:commandLink>
			            </p:column>		           
			        </p:dataTable>	
			        <h:panelGrid columns="5" style="width: 800px; margin-top:65px;">
			    			    <rich:fileUpload fileUploadListener="#{usuariosBean.listener}"
					                maxFilesQuantity="#{usuariosBean.uploadsAvailable}"	                  
					                id="upload" immediateUpload="#{usuariosBean.autoUpload}"
					                allowFlash="#{usuariosBean.useFlash}" style="height:75px; width: 400px;"
					                >
					                 <a4j:ajax event="uploadcomplete" execute="@none"/>
					            </rich:fileUpload>
	    			    		<h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/excel.png"/>
					                <p:dataExporter type="xls" target="tableUsuarios" fileName="listUsuarios" />
					            </h:commandLink>
					 
					            <h:commandLink>
					                 <h:graphicImage alt="PNG" url="../resources/img/pdf.png"/>
					                <p:dataExporter type="pdf" target="tableUsuarios" fileName="listUsuarios"/>
					            </h:commandLink>
					 
					            <h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/csv.png"/>
					                <p:dataExporter type="csv" target="tableUsuarios" fileName="listUsuarios" />
					            </h:commandLink>
					 
					            <h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/xml.png"/>
					                <p:dataExporter type="xml" target="tableUsuarios" fileName="listUsuarios" />
					   			 </h:commandLink>
				    </h:panelGrid>		          
			     </div>     
    			</h:form>
    			<rich:popupPanel id="popupUsuarios" height="220" width="500">
			        <f:facet name="header">
			            <h:outputText value="#{msg.usuTituloCrearEditar}" />
			        </f:facet>
			        <f:facet name="controls">
			            <a4j:commandLink value="X" onclick="#{rich:component('popupUsuarios')}.hide();">
			                
			            </a4j:commandLink>
			        </f:facet>		   
			        <h:panelGroup>
			        	<ui:include src="/cmaqpages/usuariosAlta.xhtml" />
			        </h:panelGroup>
			             
   		 		</rich:popupPanel>
   		 		
	   		 		<rich:popupPanel id="popupUsuariosEliminar" height="100" width="300">
				        <f:facet name="header">
				            <h:outputText value="#{msg.usuEliminar}" />
				        </f:facet>
				        <f:facet name="controls">
				            <a4j:commandLink value="X" onclick="#{rich:component('popupUsuariosEliminar')}.hide();">
				                
				            </a4j:commandLink>
				        </f:facet>		   
				        
				        <h:outputText value="#{msg.usuMsgEliminar}"></h:outputText>
				        <h:panelGrid columns="2">			        	
				        	<a4j:commandButton value="#{msg.botonCancelar}"		                        
				                		onclick="#{rich:component('popupUsuariosEliminar')}.hide(); return false;"> 			                																  
	 						</a4j:commandButton>
	 						<a4j:commandButton action="#{usuariosBean.eliminarUsuario}" execute="@this" value="Aceptar"		                        
				                       oncomplete="renderTablaListUsuariosEliminar();"> 
	 						</a4j:commandButton>
				        </h:panelGrid>
				             
	   		 		</rich:popupPanel>
   		 		<a4j:jsFunction name="renderTablaListUsuariosEliminar" oncomplete="#{rich:component('popupUsuariosEliminar')}.hide(); #{rich:component('popupExito')}.show();"></a4j:jsFunction>		
    			<rich:popupPanel id="popupExito" height="100" width="300">
				        <f:facet name="header">
				            <h:outputText value="#{msg.infoOperacion}" />
				        </f:facet>
				        <f:facet name="controls">
				            <a4j:commandLink value="X" onclick="#{rich:component('popupExito')}.hide();">
				                
				            </a4j:commandLink>
				        </f:facet>		   
				        
				        <h:outputText value="#{msg.infoOperacionExito}"></h:outputText>
				        <h:panelGrid columns="2">			        	
	 						<a4j:commandButton action="#{usuariosBean.filtrar()}" execute="@this" value="Aceptar"		                        
				                       oncomplete="#{rich:component('popupExito')}.hide(); return false;" render="tableUsuarios"> 
	 						</a4j:commandButton>
				        </h:panelGrid>
				             
	   		 	</rich:popupPanel>	   		 		
    		</ui:define>  		
   	</ui:composition>
</h:body>
</html>
